<ss-platform-layout-setting>
  <ss-platform-layout-setting-header>
    <div class="icon">
      <div class="ss-appicon"><i class="appcolor-o color-c">&#xe001;</i></div>
    </div>
    <div class="title">
      <!--[class.focus]="isEditTitle" [readOnly]="!isEditTitle" (focusout)="isEditTitle=false;" (dblclick)="isEditTitle=true"-->
      <input type="text" placeholder="双击编辑流程名称"/>
    </div>
    <div class="action">
      <div class="version">
        <i class="color-orange">&#xe056;</i>
        <span>版本 1</span>
      </div>
      <button class="ss-platform-btn ss-platform-btn-default mini">发布</button>
      <button class="ss-platform-btn mini">保存到当前版本</button>
    </div>
    <div class="tab">
      <!--      <span [class.current]="action=='field'" routerLink="/spaces/1001/tables/create" [queryParams]="{action: 'field'}" #a>表格配置</span>-->
      <!--      <span [class.current]="action=='form'" routerLink="/spaces/1001/tables/create" [queryParams]="{action: 'form'}">表单配置</span>-->
    </div>
  </ss-platform-layout-setting-header>
  <ss-platform-layout-setting-left>
    <ss-platform-tabs>
      <ss-platform-tab title="流程" [active]="true">
        <dl class="field-cell">
          <dt><strong>绑定表格</strong></dt>
          <dd>
            <ss-platform-select [icon]="'&#xe012;'" [placeholder]="'请选择表格'" [options]="[{title:'张三'}]"></ss-platform-select>
          </dd>
        </dl>
        <dl class="field-cell">
          <dt><strong>流程注释</strong></dt>
          <dd>
            <div class="ss-platform-textarea-wraper">
              <textarea style="height: 58px"></textarea>
              <div class="num warning">200</div>
            </div>
          </dd>
        </dl>
        <dl class="field-cell">
          <dt><strong>撤销流程</strong></dt>
          <dd>
            <ss-platform-select [options]="[{title:'不可撤销',default:true},{title:'任意撤销'}]"></ss-platform-select>
          </dd>
        </dl>
      </ss-platform-tab>
      <ss-platform-tab title="节点">
        <dl class="field-cell">
          <dt><strong>节点名称</strong></dt>
          <dd><input type="text" class="ss-platform-input mini" value="未命名"></dd>
        </dl>
        <dl class="field-cell">
          <dt><strong>审批人来源</strong></dt>
          <dd>
            <ul class="ss-platform-choose-list">
              <li><label><input type="radio" class="ss-platform-radio"><span>从工作区选择</span></label></li>
              <li><label><input type="radio" class="ss-platform-radio"><span>从数据中选择</span></label></li>
            </ul>
          </dd>
        </dl>
        <dl class="field-cell">
          <dt><strong>选择审批人</strong></dt>
          <dd>
            <div class="explain">最多20人，超过则取前20人</div>
            <ul class="ss-platform-user-list clearfix">
              <li>
                <span class="del"><i>&#xe001;</i></span>
                <span class="user">
                  <img class="avatar" src="https://hb-v4-public-img.huoban.com/user_avatar/237709132/0@128w_128h_1l">
                  <span>西安欣桥市场、小张</span>
                </span>
              </li>
              <li><span class="ss-platform-btn-value-add"><i>&#xe004;</i></span></li>
            </ul>
          </dd>
        </dl>
        <dl class="field-cell">
          <dt><strong>审批人执行方式</strong></dt>
          <dd>
            <ul class="ss-platform-choose-list">
              <li>
                <label><input type="radio" class="ss-platform-radio"><span>单例</span></label>
                <cite class="help"><i class="help" data-tip="审批人中任意1人领取并办理即可">&#xe032;</i></cite>
              </li>
              <li>
                <label><input type="radio" class="ss-platform-radio"><span>顺序多例</span></label>
                <cite class="help"><i class="help" data-tip="当前节点所有审批人依次办理">&#xe032;</i></cite>
              </li>
              <li>
                <label><input type="radio" class="ss-platform-radio"><span>并行多例</span></label>
                <cite class="help"><i class="help" data-tip="需当前节点所有审批人办理">&#xe032;</i></cite>
              </li>
            </ul>
          </dd>
        </dl>
        <dl class="field-cell">
          <dt><strong>其他设置</strong></dt>
          <dd>
            <ul class="ss-platform-choose-list">
              <li>
                <label><input type="checkbox" class="ss-platform-checkbox"><span>审批意见必填（不勾选则为选填）</span></label>
              </li>
            </ul>
          </dd>
        </dl>
      </ss-platform-tab>
    </ss-platform-tabs>
  </ss-platform-layout-setting-left>
  <ss-platform-layout-setting-right></ss-platform-layout-setting-right>
</ss-platform-layout-setting>
